<!--  -->
<template>
  <DetailDescTable ref="DetailDescTable" :tableOption="detailTable" :title="$tt('title_outbound_total_order_detail')" :descOption="detailDesc"
    :url="detailUrl" :urlDataHandle="detailUrlDataHandle" />
</template>

<script>
import DetailDescTable from './detail_common.vue'
export default {
  name: 'detail_transfer_totalOrder',
  components: { DetailDescTable },
  data() {
    return {
      detailUrl: '/wms-api/inbound/WmsInboundTransitCheckoutTotalOrderRpc/selectDetail.json',
      detailUrlDataHandle: (res) => {
        return { tableData: res.data.rows, }
      },
      detailDesc: {
        column: 2,
        //  size: 'medium',
        // labelStyle:{width:'150px'},
        model: [
          { key: 'code', label: 'label_outbound_total_code', span: 2, },
          { key: 'serviceChannelName', label: 'label_pms_supply' },
          { key: 'trackingNumber', label: 'label_track_code' },
          { key: 'transitWarehouseCode', label: 'label_transit_warehouse' },
          { key: 'destinationWarehouseCode', label: 'label_destination_warehouse', },

          { key: 'checkoutPackagingQty', label: 'label_outbound_total_package_count' },
          { key: 'checkoutBoxQty', label: 'label_outbound_total_box_count' },
          { key: 'status', label: 'label_status', formatter: (r,c,v) => this.$enumShow(v, "CheckoutTotalOrderStatusEnum") },

          { key: 'checkoutTime', label: 'label_checkout_time', formatter: (r,c,v) => this.$dateFormat(v) },
          { key: 'totalWeight', label: 'label_total_weight' },
          { key: 'totalVolume', label: 'label_total_volume' },
        ],
      },
      detailTable: {

        model: [
          { key: 'code', label: 'label_inbound_code' },
          { key: 'receivingBoxQty', label: 'label_receiving_box_number' },
          { key: 'receivingSkuQty', label: 'label_receiving_number', },
          { key: 'transitWarehouseCode', label: 'label_transit_warehouse', },
          { key: 'destinationWarehouseCode', label: 'label_destination_warehouse' },
          { key: 'status', label: 'label_inbound_status', formatter: (r, c, v, i) => this.$enumShow(v, "OverseasStatusEnum") },
          { key: 'isPackaging', label: 'label_is_pack', formatter: (r, c, v, i) => this.$enumShow(v, "YesOrNoEnum"), },
          { key: 'checkoutPackagingQty', label: 'label_package_number' },
        ],
      },
    }
  },
  methods: {
    show(obj) {
      this.$refs['DetailDescTable'].show(obj)
    },

    hide() {
      this.$refs['DetailDescTable'].hide()
    },

  }
}
</script>
